<extend name="Layout/index"/>

<block name='header'>
	<!-- <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->
	<link href="__PUBLIC__/jqueryupload/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="__PUBLIC__/jqueryupload/cropper/cropper.min.css" rel="stylesheet">
	<link href="__PUBLIC__/jqueryupload/sitelogo/sitelogo.css" rel="stylesheet">
	<script src="__PUBLIC__/jqueryupload/cropper/cropper.min.js"></script>
	<script src="__PUBLIC__/jqueryupload/sitelogo/sitelogo.js"></script>
	<script src="__PUBLIC__/jqueryupload/bootstrap/js/bootstrap.min.js"></script>
</block>
<block name='main_content'>
	<div id="userInfo" class="w">
	 	<div class="pic" style=" margin-top:-30px; height:163px;width:158px;">
	 		<a href=""target="_blank"><img src="__PUBLIC__/Images/upload_pic.jpg" alt="">
	 		</a>
	 		<a  target="_blank"class="iconT">
	 		<div id="crop-avatar" class="col-md-6" style="height:0px; width:0px;padding:0px; margin:0px;border:0px;" >
				<div class="avatar-view" style="height:20px; width:64px; margin:0px;border:0px;" title="Change Logo Picture">
					<img src="__PUBLIC__/Images/upload_pic.jpg" style="display:none"alt="">
			    	 上传照片
			    </div>
			</div>
			</a>
	 		<a href="<{:U('Info/index')}>" target="_blank"class="iconT">编辑资料</a>
	 	</div>
	 	<div class="data" style="margin-top:-40px;height:163px;">
	 		<h3><a class="c333" href=""target="_blank"><{$Think.session.love_user.name}></a></h3>
	 		<dl>
	 			<dt>我的等级</dt>
	 			<dd><span class="orangeT">普通会员</span></dd>
				<dt>等级认证</dt>		
				<dd>
					<div id="authIcon"class="num">
						<img src="__PUBLIC__/Images/icon_08.gif" title="已进行手机认证"alt="">
						<a href=""target="_blank">
							<img src="__PUBLIC__/Images/icon_09g.gif" alt=""title="未进行身份认证">
						</a>
						<a href=""target="_blank">
							<img src="__PUBLIC__/Images/icon_00g.gif" alt=""title="未进行芝麻信用认证">
						</a>
						<a href=""target="_blank">
							<img src="__PUBLIC__/Images/icon_05g.gif" alt=""title="未上传身份类认证证">
						</a>
						<a href=""target="_blank">
							<img src="__PUBLIC__/Images/icon_04g.gif" alt=""title="未上传学历认证">
						</a>
					</div>
					<a href=""target="_blank" class="iconT">提升</a>
				</dd>
				<dt>成长等级</dt>
				<dd>
					<span class="orangeT">LV1</span>
					<div class="speed">
						<div class="strip"style="width:0%;"></div>
					</div>
					<a href=""target="_blank" class="iconT">提高</a>
				</dd>
	 		</dl>
	 	</div>
	 	<ul>
	 		<li>
	 		  <a href="">
	 		    <span class="orangeT">0</span>未读消息
	 		    </a>
	 		</li>
	 		<li><a href=""><span class="orangeT"><?php echo $ygz[0]['num'];?></span>已关注</a></li>
	 		<li><a href=""><span class="orangeT"><?php echo $num[0]['value'];?></span>我的积分</a></li>
	 		<li><a href=""><span class="orangeT"><?php echo $bgz[0]['mum'];?></span>被关注</a></li>
	 	</ul>
	 	<div class="signIn" style="margin-top: -22px;padding-top: 14px;">
	 		<span id="signIn">
	 			<a href="" class="icon">签到有奖</a>
	 		</span>
	 		<span id="loveBank">
	 			爱情积分帮你去实现
	 			<br>

	 			<!-- <a href=""class="orangeT"target="_blank">马上去实现</a> -->
	 			<?php  $id=$_SESSION['love_user']['id'] ?>
	 			<form action="<{:U('money',array('uid'=>$id))}>" method="post">
	 				积分充值：<input style="width:50px;" type="text" name="value">元
	 				<button>充值</button>
	 			</form>

	 			<a href=""class="orangeT"target="_blank">积分充值</a>

	 		</span>
	 	</div>
	</div>
 	<div id="BAIHE" style="width:1012px"class="w">
 		<!--左部导航 -->
		<div id='momoleftCont'>
			<h3 style="font-size:18px">我的设置</h3>
			<ul>
				<li><a href='#'>我的头像</a></li>
				<li><a href='#'>相册</a></li>
				<li><a href='#'>编辑资料</a></li>
				<li><a href='#'>择偶条件</a></li>
			</ul>
			<h3 style="font-size:18px">我的互动</h3>
			<ul style="display:block">
				<li><a href='#'>我的问候</a></li>
				<li><a href='#'>我的邮件</a></li>
				<li><a href='#'>礼物</a></li>
				<li><a href='#'>谁看过我</a></li>
				<li><a href='#'>我看过谁</a></li>
				<li><a href='#'>我的关注</a></li>
				<li><a href='#'>我的粉丝</a></li>
			</ul>
			<h3 style="font-size:18px">我的日志</h3>
			<ul>
				<li><a href='#'>日志列表</a></li>
				<!-- <li><a href='#'>发表日志</a></li> -->
			</ul>
			<!-- <h3 style="font-size:18px">我的账号</h3>
			<ul>
				<li><a href='#'>交友账号</a></li>
				<li><a href='#'>在线充值</a></li>
				<li><a href='#'>会员服务</a></li>
			</ul> -->
		</div>
		<div id="rightCont">
			<!-- MyBaihe左侧内容 -->
			<div class="MyBaihe_left">
	 			<div id="addMyBh">
	 				<div id="imgList">
	 					<img src="__PUBLIC__/Images/zt20151012_zz.gif" style="display:block"alt="">
	 					<img src="__PUBLIC__/Images/zt20151224sj2.jpg" alt="">
	 					<img src="__PUBLIC__/Images/zt20160121sj4.jpg" alt="">
	 				</div>
	 				<div id="iconlist">
						<ul>
							<li style="background-color:red">1</li>
							<li>2</li>
							<li>3</li>
						</ul>
					</div>
	 			</div>
	 			<!-- 猜你喜欢(根据年龄，教育) -->
	 			<div class="momomenuTab">
					<div class="textTab">猜你喜欢</div>
					<!-- <div class="huan">换一组</div> -->
					<div class="clear"></div>
				</div>
				<!-- start猜你喜欢 -->
				<div class="w ReMeinv  ">
		 		 	<ul>
		 		 	    <volist name="dataList" id="to" >
			 		 		<li><div class="fl"><a href="<{:U('Index/UserDetails',array('id'=>$to['uuid']))}>"><img src="<{$to.pname}>" alt=""></a></div>
			 		 			<!-- 个人信息 -->
								<div class="information fr">
									<span><a href="#" style="font-size:16px;"><{$to.uname}></a></span><br>
									<p style="font:13px/20px microsoft yahei;"><?php 
											switch($to['edu']){
												case 1:echo '初中';break;
												case 2:echo '中专/职高/技校';break;
												case 3:echo '高中';break;
												case 4:echo '大专';break;
												case 5:echo '本科';break;
												case 6:echo '硕士';break;
												case 7:echo '博士';break;
												case 8:echo'博士后';break;
												default:echo'未填';
											}
									?></p>
									<span>几张相片</span><br>
									<div>内心独白（希望能找一个能满足我的男孩子，好好爱！）</div>
									<a href="#"> 发送消息</a>
								</div>
			 		 		</li>
			 		 	</volist>
		 		 	</ul>
	 		 	<div class="clear"></div>
	 			</div>
				<!-- end猜你喜欢 -->
			</div>
			<!-- MyBaihe右侧内容 -->
			<div class="myBaihe_Right border fr" style="width:229px;">
				<!-- 成功故事 -->
				<div class="bor">
					<h4 class="c333" style="margin-left:38px">他们收获幸福
						<a href="" style="margin-left:35px"target="_blank" class="cty">更多></a>
					</h4>
				</div>
			</div>
			<div class="clear"></div>
		</div>
 	</div>
 	<div class="modal fade" id="avatar-modal" aria-hidden="true" aria-labelledby="avatar-modal-label" role="dialog" tabindex="-1">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<form class="avatar-form" action="<{:U('Usercenter/upload',array('id'=>$_SESSION['love_user']['id']))}>" enctype="multipart/form-data" method="post">
				<div class="modal-header">
					<button class="close" data-dismiss="modal" type="button">&times;</button>
					<h4 class="modal-title" id="avatar-modal-label">Change Logo Picture</h4>
				</div>
				<div class="modal-body">
					<div class="avatar-body">
						<div class="avatar-upload">
							<input class="avatar-src" name="avatar_src" type="hidden">
							<input class="avatar-data" name="avatar_data" type="hidden">
							<label for="avatarInput">图片上传</label>
							<input class="avatar-input" id="avatarInput" name="avatar_file" type="file"></div>
						<div class="row">
							<div class="col-md-9">
								<div class="avatar-wrapper"></div>
							</div>
							<div class="col-md-3">
								<div class="avatar-preview preview-lg"></div>
								<div class="avatar-preview preview-md"></div>
								<div class="avatar-preview preview-sm"></div>
							</div>
						</div>
						<div class="row avatar-btns">
							<div class="col-md-9">
								<div class="btn-group">
									<button class="btn" data-method="rotate" data-option="-90" type="button" title="Rotate -90 degrees"><i class="fa fa-undo"></i> 向左旋转</button>
								</div>
								<div class="btn-group">
									<button class="btn" data-method="rotate" data-option="90" type="button" title="Rotate 90 degrees"><i class="fa fa-repeat"></i> 向右旋转</button>
								</div>
							</div>
							<div class="col-md-3">
								<button class="btn btn-success btn-block avatar-save" type="submit"><i class="fa fa-save"></i> 保存修改</button>
							</div>
						</div>
					</div>
				</div>
  		</form>
  	</div>
  </div>
</div>
<div class="loading" aria-label="Loading" role="img" tabindex="-1"></div>
			<script>
				// $('.huan').click(function(){
				// 	$.ajax({
				// 		url:'Usercenter/index',
				// 		data:'',
				// 		dataType:'json',
				// 		success:function(data){

				// 		},
				// 	});
				// });
		  </script>
	 	<script>
				var m=0;
		  		setInterval(function(){
		   		if (m>2) { m=0;}
				$('#imgList img').eq(m).show().siblings('img').hide();
			    $('#iconlist li').eq(m).css('background-color','red').siblings('li').css('background-color','');
				m++;
		  	 },1500);
		</script>
		
 	<script>
		$(function(){
			$("#momoleftCont ul:first").show();
			$("#momoleftCont h3").click(function(){
				if ($(this).next('ul').is(':hidden')) {
					$(this).next('ul').slideDown();
				} else {
					$(this).next('ul').slideUp();
				}
			});
			$("#momoleftCont ul li").mouseenter(function(){
				$(this).css('background-color','#f5f5f5');
			});
			$("#momoleftCont ul li").mouseleave(function(){
				$(this).css('background-color','');
			});
		})
	</script>
 </block>
<!-- </body>
</html> -->

